/**
 * @Description：浮动相关
 * @Author： 樊双峰
 * @Date： 2018-09-22 23:52
 */
/* --------------------------- */
/**
 * 浮动
 */
var floatDIV = function() {
    var demo = document.getElementById("floatPaterBody");
    var demo1 = document.getElementById("floatChild1Body");
    var demo2 = document.getElementById("floatChild2Body");
    // 滚动速度值,值越大速度越慢
    var speed = 30;
    var nnn = 200 / demo1.offsetHeight;
    for (i = 0; i < nnn; i++) {
        demo1.innerHTML += "<br />" + demo1.innerHTML
    }
    // 克隆demo2为demo1
    demo2.innerHTML = demo1.innerHTML
    function Marquee() {
        // 当滚动至demo1与demo2交界时
        if (demo2.offsetTop - demo.scrollTop <= 0)
        // demo跳到最顶端
            demo.scrollTop -= demo1.offsetHeight
        else {
            // 如果是横向的将所有的 height top 改成 width left
            demo.scrollTop++
        }
    }
    // 设置定时器
    var MyMar = setInterval(Marquee, speed);
    demo.onmouseover = function () {
        // 鼠标经过时清除定时器达到滚动停止的目的
        clearInterval(MyMar)
    }
    demo.onmouseout = function () {
        // 鼠标移开时重设定时器
        MyMar = setInterval(Marquee, speed)
    }
}

/**
 * 根据事件进行切换
 */
var qiehuan = function() {
    $(".float").slideToggle(3000);
}